<template>
	<view class="content">
		<!-- <view style="display: flex; ">
			<view style="margin-right: 20rpx;">select 选中后高亮</view>
			<str-autocomplete 
				:stringList="worktypeAttay"  
				:importvalue="worktype" 
				@select="selectOne4" 
				highlightColor="#FF0000" 
				v-model="worktype"></str-autocomplete>
		</view> -->

		<!-- <view style="display: flex;">
			<view style="margin-right: 20rpx;">select 选择下拉提示框</view>
			<xfl-select
				@change='change'
				style="flex:1;"
				:list="list"
				:clearable="false"
				:showItemNum="5" 
				:style_Container="'height: 36px;font-size: 12px;border:none;background:none;white-space:nowrap'"
				:placeholder = "'请选择是否在职'"
				:selectHideType="'hideAll'"
			/>
		</view> -->

		<hr />
		<!-- 顶部下拉菜单选择 -->
		<!-- <myBar /> -->


		<!-- 图片预览 -->
		<!-- <myImg /> -->

		<!-- 电子签名 -->
		<!-- <signCanvas /> -->


		<!-- navMenu -->
		<!-- <navMenu /> -->

		<view style="width: 100%; margin-top: 500rpx;">
			<test_combox
			:candidates="options" 
			placeholder="请输入内容" 
			v-model="cpType"
			:positionUp="true"
			></test_combox>
			<!-- :clearAble="true" -->
			<!-- :disabled="true" -->
		</view>

		<view style="width: 100%;">
			<test_combox
			:candidates="options" 
			placeholder="请输入内容" 
			v-model="cpType1"
			></test_combox>
			<!-- :disabled="true" -->
			<!-- :clearAble="true" -->
		</view>
		
	</view>
</template>

<script>
import strAutocomplete from '@/components/str-autocomplete/str-autocomplete.vue'
import xflSelect from '@/components/xfl-select/xfl-select.vue'
import myBar from '@/pages/myBar/myBar.vue'
import myImg from '@/pages/myImg/myImg.vue'
import signCanvas from '@/pages/signCanvas/signCanvas.vue'
import test_combox from '@/components/test_combox/test_combox.vue'
import navMenu from '@/pages/NavMenu/NavMenu.vue'
	export default {
		components: {
			strAutocomplete,
			xflSelect,
			myBar,
			myImg,
			signCanvas,
			navMenu,
			test_combox,
		},
		data() {
			return {
				worktype: '',
				worktypeAttay:[
					"测试1",
					"测试12",
					"测试13",
					"测试14",
					"测试15",
					"测试16",
					"冠希哥货1",
					"G-0125",
					"JU38",
					"JU46",
					"JU28",
				],
				list:[
					'所有',
					'在职',
					'离职',
				],
				Zzzk:'',
				options: ['选项1', '选项2', '选项3', '选项4', '选项5', '选项6', '选项7', '选项8', '选项9', '选项10', '选项11', '选项12', '选项13', '选项14', '选项15', '选项16', '选项17', '选项18', '选项19', '选项20'],
				cpType: '',
				cpType1: '',
			}
		},
		onLoad() {

		},
		methods: {
			selectOne4(opt){
				this.worktype = opt
			},
			change({newVal: value, oldVal, orignItem}){
				this.Zzzk = orignItem
			},
		}
	}
</script>

<style lang="less">
	
</style>
